<template>
  <div class="newsdetail">
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media" >
        <div class="mui-media-body">
            标题---{{id}}
            <p class="mui-ellipsis">
              <span class="news1">副标</span>
              <span>点击0次</span>
            </p>
          </div>
      </li>
    </ul>
    <commit></commit>
  </div>
</template>
<script>
import submit from './submit.vue';
export default {
  data() {
    return {
      id: this.$route.query.id
    };
  },
  created() {
    console.log(this.id);
  },
  methods: {},
  components:{
      "commit":submit,
  }
};
</script>
<style scope>
.newsdetail{
    width: 100%;
}
.mui-ellipsis{
    color: cornflowerblue;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.news1{
    width: 70%;
    overflow:hidden;
    text-overflow:ellipsis;
}
</style>